﻿body {
    background-color:steelblue;
}
.head {
    width:1000px;
    height:60px;
    background-image:url(/image/background-blue.JPG);
    position:relative;
}
.head-title {
    padding:15px;
    width:970px;
    height:20px;
    font-size:x-large;
    color:cornflowerblue;
}
#Image2 {
    margin-right:5px;
    height:30px;
    float:left;
}
#logout {
    position:absolute;
    left:920px;
    top:15px;
    padding:5px;
    width:60px;
    border:none;
    border-radius:2px;
    background-color:lightblue;
}
#logout:hover {
    box-shadow:0px 0px 10px lightblue;
}
.body {
    width:1000px;
    height:650px;
    background-color:lightgrey;
}
.body-bg {
    background-color:lightblue;
    padding:15px;
    width:970px;
    height:620px;
}
.left, .center, .right {
    height:620px;
    float:left;
    box-shadow:3px 3px 10px #000; 
}
.left{
    background-color:ghostwhite;
    width:230px;
}
.left-group,.left-group-even {
    border-radius:2px;
    width:200px;
    height:36px;
    margin-left:10px;
    position:relative;
}
.left-group:hover, .left-group-even:hover {
    box-shadow:0px 0px 10px cornflowerblue;
}
.mod-img {
    position:absolute;
    padding:6px;
    width:24px;
    height:24px;
}
.user {
    margin-left:40px;
    padding-top:8px;
}
a:link { 
    font-size: 15px; 
    color: #000000; 
    text-decoration: none; 
} 
a:visited { 
    font-size: 15px; 
    color: #000000; 
    text-decoration: none; 
} 
a:hover { 
    font-size: 15px; 
    color: #999999; 
    text-decoration: underline; 
} 
.left-group {
    background-color:white;
}
.left-group-even {
    background-color:beige;
}

.center {
    width:450px;
    margin-left:10px;
    background-color:white;
}
#frame1 {
    height: 550px;
    width: 435px;
    margin: 5px;
}
.right {
    width:270px;
    margin-left:10px;
    background-color:white;
    position:relative;
}
.right-img {
    width:270px;
    height:130px;
}
#userImg {
    position:absolute;
    left:94px;
    top:50px;
    padding:5px;
    width:70px;
    height:70px;
    border-radius:50%;
    border:1px solid;
}
#userName {
    text-align:center;
    width:270px;
    position:absolute;
    top:150px;
}
.right-content {
    margin-left:70px;
}
.buttom {
    padding-top:10px;
    padding-left:50px;
    width:950px;
    height:30px;
    background-color:#c7eaf6;
}
